<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt"%>
<!doctype html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no" >
<!--[if lt IE 9]>
　　　　<script src="http://css3-mediaqueries-js.googlecode.com/svn/trunk/css3-mediaqueries.js"></script>
　　<![endif]-->
<link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/css/sytle.css?v=0.2&d=2016-11-08">
<title>订单详情</title>
</head>
<body>
<div class="hgj">
  <div class="page-all"> 
    <!--头部开始-->
    <header>
      <div class="navbar">
        <ul>
          <li class="l-back"><a href="javascript:history.go(-1)" ><img src="${pageContext.request.contextPath}/images/left.png" alt="返回"/></a></li>
          <li class="n-word">订单详情</li>
          <li class="n-intro"></li>
        </ul>
      </div>
    </header>
    <div class="container"> 
    <!--内容开始-->
    <!--订单基础信息-->
    <div class="basic-odr">
    <div class="baic-top"><img src="${pageContext.request.contextPath}/images/classification.png"/><span>${order.wOServiceName}</span><em> <c:if test="${ORDER_INFO.status == 1}">
      待付款
      </c:if>
      <c:if test="${ORDER_INFO.status == 2}">
      待服务
      </c:if>
      <c:if test="${ORDER_INFO.status == 3}">
      待验收
      </c:if>
      <c:if test="${ORDER_INFO.status == 8}">
      已退款
      </c:if>
      <c:if test="${ORDER_INFO.status == 4}">
      退款中
      </c:if></em></div>
    <div class="orderDetails" style="padding:1rem 0 0 0;">
      <ul>
      <li><span>服务时间：</span><em><fmt:formatDate value="${ORDER_INFO.orderDetailDO.wOSubscribe}"  type="BOTH" dateStyle="full"/></em></li>
      <li><span>服务地点：</span><em>${ORDER_INFO.orderDetailDO.wOAddress}</em></li>
      <li><span>联系人：</span><em>${ORDER_INFO.orderDetailDO.wOContact} ${ORDER_INFO.orderDetailDO.wOTelephone}</em></li>
			<li><span>服务项目：</span><em>${ORDER_INFO.wOServiceName}</em></li>
			<li><span>单价：</span><em class="o-d-c">${ORDER_INFO.orderDetailDO.wOPrice}/小时</em></li>
      </ul>
    </div>   
    </div>
    <!--订单详情--->
    <div class="basic-odr">
    <div class="baic-top"><img src="${pageContext.request.contextPath}/images/odr-detail.png"/><span>订单详情</span></div>
    <div class="orderDetails" style="padding:1rem 0 0 0;">
      <ul>
      <li><span>订单编号：</span><em>${ORDER_INFO.wOOrderNo}</em></li>
      <c:if test="${ORDER_INFO.wOServiceType == 0}">
      	<li><span>服务时长：</span><em>${ORDER_INFO.orderDetailDO.wOServerTime}小时</em></li>
      	<li><span>服务人数：</span><em>${ORDER_INFO.orderDetailDO.wOStaffCount}人</em></li>
      </c:if>
       <c:if test="${ORDER_INFO.wOServiceType >= 3 && ORDER_INFO.wOServiceType <= 11}">
      <li><span>服务公司：</span><em>${ORDER_INFO.orderDetailDO.wOSupplierName}</em></li>
      <li><span>联系电话：</span><em>${ORDER_INFO.orderDetailDO.supplierTel}</em></li>
      </c:if>
       <c:if test="${ORDER_INFO.wOServiceType >= 11}">
      	<li><span>服务人数：</span><em>${ORDER_INFO.orderDetailDO.wOStaffCount}人</em></li>
      </c:if>
      <li><span>订单优惠：</span><em>${ORDER_INFO.wOCoupon}</em></li>
      <c:if test="${ORDER_INFO.wOServiceType < 11}">
      <li><span>实付金额：</span><em class="o-d-c">￥${ORDER_INFO.wOFee}元</em></li>
      </c:if>
      <li><span>支付方式：</span><em>微信支付</em></li>
      <li class="sale"><span>备注：</span><em class="o-d-c" style=" color:#464646;">${ORDER_INFO.wOMessage}</em></li>
      </ul>
    </div>   
    </div>
    <!--订单跟踪-->
     <div class="basic-odr">
      <div class="baic-top"><img src="${pageContext.request.contextPath}/images/track-order.png"/><span>订单跟踪</span></div>
      <div class="track-foot">
      <ul>
      <c:if test="${ORDER_INFO.status == 1}">
      <li>待付款</li>
      </c:if>
      <c:if test="${ORDER_INFO.status == 2}">
      <li>待服务</li>
      </c:if>
      <c:if test="${ORDER_INFO.status == 3}">
      <li>待验收</li>
      </c:if>
      <c:if test="${ORDER_INFO.status == 8}">
      <li>已退款</li>
      </c:if>
      <c:if test="${ORDER_INFO.status == 4}">
      <li>退款中</li>
      </c:if>
      </ul>
      </div>
     </div>
     <!--底部-->
		<footer>
		<a href="${pageContext.request.contextPath}/order/userOrders/1/1.html" class="sumit-btn">返回</a>
		</footer>
    </div>
    </div>
    
</body>
</html>
